<template>
<uni-shadow-root class="partials-check_form_detail-index"><view class="zhezhao" v-if="showType||showTypeTwo" @click="closeZhezhao"></view>
<block v-if="(!loading)">
<block v-if="allFormData.customForm.renderTemplateName=='liuge'">
    <view class="tree_block">
        <view class="tree_item" v-if="commitJson['tree'].value">
            <view class="tree_item_name">
                <text class="tree_item_text" :style="'background:'+(setting.platformSetting.defaultColor)">{{commitJson['tree'].value.nodeName}}</text>
                <view class="vertical_line"></view>
            </view>
            <view class="tree_item_children">
                <view class="cross_line" style="width:50%"></view>
                <view class="tree_item_children_info">
                    <view class="tree_item_children_left">
                        <view class="vertical_line"></view>
                        <view class="tree_item_name" v-if="commitJson['tree'].value.leftNode">
                            <text class="tree_item_text" :style="'max-width:300rpx;background:'+(setting.platformSetting.defaultColor)">{{commitJson['tree'].value.leftNode.nodeName}}</text>
                            <view class="vertical_line"></view>
                        </view>
                        <view class="tree_item_name" v-else>
                            <text class="tree_item_text" :style="'max-width:300rpx;background:#fff;border:1rpx solid '+(setting.platformSetting.defaultColor)"></text>
                            <view class="vertical_line"></view>
                        </view>
                        <view class="tree_item_children">
                           <view class="cross_line" style="width:50%"></view>
                           <view class="tree_item_children_info">
                               <view class="tree_item_children_left">
                                   <view class="vertical_line"></view>
                                   <view class="tree_item_name" v-if="commitJson['tree'].value.leftNode.leftNode">
                                       <text class="tree_item_text" :style="'max-width:160rpx;background:'+(setting.platformSetting.defaultColor)">{{commitJson['tree'].value.leftNode.leftNode.nodeName}}</text>
                                   </view>
                                   <view class="tree_item_name" v-else>
                                       <text class="tree_item_text" :style="'max-width:160rpx;background:#fff;border:1rpx solid '+(setting.platformSetting.defaultColor)"></text>
                                   </view>
                               </view>
                               <view class="tree_item_children_right">
                                   <view class="vertical_line"></view>
                                   <view class="tree_item_name" v-if="commitJson['tree'].value.leftNode.rightNode">
                                       <text class="tree_item_text" :style="'max-width:160rpx;background:'+(setting.platformSetting.defaultColor)">{{commitJson['tree'].value.leftNode.rightNode.nodeName}}</text>
                                   </view>
                                   <view class="tree_item_name" v-else>
                                       <text class="tree_item_text" :style="'max-width:160rpx;background:#fff;border:1rpx solid '+(setting.platformSetting.defaultColor)"></text>
                                   </view>
                               </view>
                           </view>
                        </view>
                    </view>
                    <view class="tree_item_children_right">
                        <view class="vertical_line"></view>
                        <view class="tree_item_name" v-if="commitJson['tree'].value.rightNode">
                            <text class="tree_item_text" :style="'max-width:300rpx;background:'+(setting.platformSetting.defaultColor)">{{commitJson['tree'].value.rightNode.nodeName}}</text>
                            <view class="vertical_line"></view>
                        </view>
                        <view class="tree_item_name" v-else>
                            <text class="tree_item_text" :style="'max-width:300rpx;background:#fff;border:1rpx solid '+(setting.platformSetting.defaultColor)"></text>
                            <view class="vertical_line"></view>
                        </view>
                        <view class="tree_item_children">
                            <view class="cross_line" style="width:50%"></view>
                           <view class="tree_item_children_info">
                               <view class="tree_item_children_left">
                                   <view class="vertical_line"></view>
                                   <view class="tree_item_name" v-if="commitJson['tree'].value.rightNode.leftNode">
                                       <text class="tree_item_text" :style="'max-width:160rpx;background:'+(setting.platformSetting.defaultColor)">{{commitJson['tree'].value.rightNode.leftNode.nodeName}}</text>
                                   </view>
                                   <view class="tree_item_name" v-else>
                                       <text class="tree_item_text" :style="'max-width:160rpx;background:#fff;border:1rpx solid '+(setting.platformSetting.defaultColor)"></text>
                                   </view>
                               </view>
                               <view class="tree_item_children_right">
                                   <view class="vertical_line"></view>
                                   <view class="tree_item_name" v-if="commitJson['tree'].value.rightNode.rightNode">
                                       <text class="tree_item_text" :style="'max-width:160rpx;background:'+(setting.platformSetting.defaultColor)">{{commitJson['tree'].value.rightNode.rightNode.nodeName}}</text>
                                   </view>
                                   <view class="tree_item_name" v-else>
                                       <text class="tree_item_text" :style="'max-width:160rpx;background:#fff;border:1rpx solid '+(setting.platformSetting.defaultColor)"></text>
                                   </view>
                               </view>
                           </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</block>
<block v-else>
    <view class="check_form_content" v-if="allFormData.belongFormType==0">
      <view class="formContent">
          
      
        <view v-for="(item,index) in (customForm.items)" v-if="item.formHide==0&&item.showInDetail!=0">
          
            
            <view class="inputString common" v-if="item.type!=11&&item.type!=7&&item.type!=9&&item.type!=9999">
              <view class="inputName">
                <text v-if="item.mustInput==1" style="color:red;margin-right:4rpx;width:18rpx">*</text>
                <text>{{item.title}}</text>
              </view>
              <input :name="item.name" class="select_address" disabled :value="item.defaultValue"></input>
            </view>
            
            <view class="inputString" v-if="item.type==9999">
              <view class="interval" :style="'height:'+(item.splitStyle.height)+'px;background:'+(item.splitStyle.backgroundColor)" v-if="(!item.splitStyle.banner)">
                <text :style="'font-size:'+(item.splitStyle.fontSize)+'px;color:'+(item.splitStyle.color)">{{item.splitStyle.title}}</text>
              </view>
              <image class="interval_banner" mode="widthFix" v-else :src="item.splitStyle.banner"></image>
            </view>
            
            <view class="imgType common" v-if="item.type==7||item.type==11">
              <view class="imgName">
                
                <text>{{item.title}}</text>
              </view>
              <view class="upload">
                <view class="uploadedImg" v-if="upLoadImageList['img_'+index].length!=0">
                  
                  <image v-for="(img,index) in (upLoadImageList['img_'+index])" :data-imageUrl="img" :data-link="img" @longpress="saveImageToLocal" @click="tolinkUrl" class="uploadedImgUrl" :src="img" mode="aspectFill"></image>
                </view>
              </view>
            </view>
             
            <view class="inputString common" v-if="item.type==9" style="align-items:flex-start;padding:10px;flex-direction:column;">
              <view class="inputName">
                
                <text>{{item.title}}</text>
              </view>
              
              <view class="wxParseHtmlContainer"> <init v-bind="{wxParseData:richTextList[item.name].nodes}" wx-template-name="init"></init> </view>
              <cover-view class="copyText" :data-value="item.defaultValue" @click="copyText">复制</cover-view>
            </view>
            
            <view class="process_line common" v-if="item.type==15">
              <view class="process_list" v-if="item.defaultValue&&item.defaultValue.length!=0">
                <view v-for="(processLineItem,index) in (item.defaultValue)" class="process_item">
                  <view class="process_item_top">
                    <text class="process_dot" :style="'background:'+(color)"></text>
                    <text class="process_item_title">{{processLineItem.title}}</text>
                  </view>
                  <view class="process_item_content" :style="'border-left:1rpx solid '+(color)">
                    <text class="process_item_content_text">{{processLineItem.content}}</text>
                  </view>
                </view>
              </view>
            </view>
            
            </view>
             
            <view class="inputString common" v-if="allFormData.reply" style="align-items:flex-start;padding:10px;flex-direction:column;">
              <view class="inputName">
                
                <text>平台回复</text>
              </view>
              <textarea auto-height disabled="disabled" readonly="readonly" :value="allFormData.reply"></textarea>
            </view>
            
            <view class="saveData" v-if="showBtn=='true'">
              <button class="saveBtn" @click="back" :style="'background:'+(setting.platformSetting.defaultColor)+';color:#fff'">返回</button>
            </view>
      </view>
      <view class="formHead" v-if="customForm.description">
        
        <view class="formDescription">
          <view class="tip">
            <image class="tipIcon" src="https://image1.sansancloud.com/xianhua/2019_1/11/10/6/7_837.jpg"></image>
            <text>Tip:</text>
          </view>
          <text class="tipText">{{customForm.description}}</text>
        </view>
      </view>
    </view>
    <view class="content2" v-else style="padding-bottom:120rpx">
      <view class="form_detail_top">
        <view class="form_detail_top_left">
          <image class="user_head_img" :src="allFormData.commitPlatformUserIcon"></image>
          <view class="user_base_info">
            <text class="user_base_name">{{allFormData.commitPlatformUserName}}</text>
            <text class="release_time">{{allFormData.commitDate}}</text>
          </view>
        </view>
        <text v-if="allFormData.owner==1" @click.stop.prevent="sureDeleteFormItemFun" class="delete_form_item">删除</text>
        
      </view>
      <view class="form_detail_center" v-if="(!formDetailStyle||formDetailStyle.length==0)">
      
        <view class="read_number">
          <text>{{allFormData.viewCount}}</text>
          <text>阅读</text>
        </view>
        <view v-for="(itemData,index) in (customForm.commitArr)" :key="itemData" class="form_detail_center_item" v-if="itemData.type!=7&&itemData.type!=11&&itemData.type!=15&&(itemData.showInDetail!=0)">
          <text class="center_part_item_title" v-if="itemData.type!=9">{{itemData.title}}</text>
          <text class="interval" v-if="itemData.type!=9">:</text>
          <text class="center_part_item_value" v-if="itemData.type!=12&&itemData.type!=9">{{itemData.value}}</text>
          <text class="center_part_item_value" v-if="itemData.type==12&&itemData.type!=9">{{itemData.value.value}}</text>
          <view class="wxParseHtmlContainer" v-if="itemData.type==9&&richTextList[itemData.name].nodes">
            <rich-text-component :receiveData="richTextList[itemData.name].nodes" v-if="richTextList[itemData.name].nodes"></rich-text-component>
            
          </view>
          <view class="to_navigation" :style="'background:'+(color)" v-if="itemData.type==12" @click.stop.prevent="clickCatch" :data-item="publicFun.toStringFun(itemData.value)">
            <text>去导航</text>
          </view>
        </view>
        <view v-for="(itemData,index) in (customForm.commitArr)" :key="itemData" class="form_detail_center_arr" v-if="itemData.type==7">
          <image class="form_detail_center_arr_img" v-if="itemData.value" mode="aspectFill" :src="itemData.value"></image>
        </view>
        <view v-for="(itemData,index) in (customForm.commitArr)" :key="itemData" class="form_detail_center_arr" v-if="itemData.type==11">
          <image v-for="(img,index) in (itemData.value)" class="form_detail_center_arr_img" mode="aspectFill" :src="img"></image>
        </view>
        
        <view v-for="(itemData,index) in (customForm.commitArr)" class="process_line common" v-if="itemData.type==15">
          <view class="process_list" v-if="itemData.value&&itemData.value.length!=0">
            <view v-for="(processLineItem,index) in (itemData.value)" class="process_item">
              <view class="process_item_top">
                <text class="process_dot" :style="'background:'+(color)"></text>
                <text class="process_item_title">{{processLineItem.title}}</text>
              </view>
              <view class="process_item_content" :style="'border-left:1rpx solid '+(color)">
                <text class="process_item_content_text">{{processLineItem.content}}</text>
              </view>
            </view>
          </view>
        </view>
        
        <view class="form_detail_bottom" v-if="allFormData.commentAble==1">
          <view class="form_detail_bottom_top">
            <view class="bottom_top_item">
              <image class="bottom_top_item_icon" src="https://image1.sansancloud.com/jianzhan/2019_3/12/14/47/49_487.jpg?x-oss-process=style/preview_120"></image>
              <text class="bottom_top_item_text">{{allFormData.viewCount}}</text>
            </view>
            <view class="bottom_top_item">
              <image class="bottom_top_item_icon" src="https://image1.sansancloud.com/jianzhan/2019_3/12/14/47/49_496.jpg?x-oss-process=style/preview_120"></image>
              <text class="bottom_top_item_text">{{allFormData.viewCount}}</text>
            </view>
          </view>
          <view class="comments_list">
            <view v-for="(conmmentItem,index) in (conmmentList)" :key="conmmentItem" class="comments_item" v-if="conmmentList.length!=0">
              <image class="user_img" :src="conmmentItem.commentUserIcon"></image>
              <view class="comments_item_right">
                <text class="user_name">{{conmmentItem.commentUserName}}</text>
                <text class="user_need">{{conmmentItem.comment}}</text>
                <view v-for="(reconmmentItem,index) in (conmmentItem.recomments)" :key="reconmmentItem" class="other_reply_item" v-if="conmmentItem.length!=0">
                  <text class="other_reply_name">{{reconmmentItem.commentUserName}}</text>
                  <text class="interval">:</text>
                  <text class="other_reply_text">{{reconmmentItem.comment}}</text>
                </view>
                <view class="more_reply" :data-link="'form_reply.html?id='+(conmmentItem.id)" @click="tolinkUrl" v-if="conmmentItem.recommentCount>3">
                  <text>查看更多回复...</text>
                </view>
                <view class="comments_item_bottom">
                  <text class="user_time">{{conmmentItem.commentTime}}</text>
                  <image class="comments_icon" :data-link="'form_reply.html?id='+(conmmentItem.id)" @click="tolinkUrl" src="https://image1.sansancloud.com/jianzhan/2019_3/13/17/6/38_907.jpg?x-oss-process=style/preview_120"></image>
                </view>
              </view>
            </view>
            <view class="no_item_reply" v-if="conmmentList.length==0">
              <text v-if="allFormData.commentAble==1">主人~该帖子还没有人回复哦！</text>
              
            </view>
          </view>
        </view>
      </view>
      <view v-else>
        <view class="mofang_templete">
          <view v-for="(itemData,index) in (formDetailStyle)" :key="itemData.index" :style="'height:'+(itemData.type==2?'':750/12*itemData.height*publicFun.toNum(itemData.aspectRatio))+'rpx;position:relative'">
            <view v-for="(item,index) in (itemData.data.detailViewMagic)" :key="item.index" class="mofang_item" :data-link="item.linkUrl" @click.stop.prevent="tolinkUrl" v-if="itemData.type==1&&itemData.data&&itemData.data.detailViewMagic&&itemData.data.detailViewMagic.length!=0" :style="'position:absolute;overflow:hidden;left:'+(item.startPointX*750/12)+'rpx;top:'+((((item.startPointY>item.endPointY?item.endPointY:item.startPointY)*750/12)+1)*publicFun.toNum(itemData.aspectRatio))+'rpx;width:'+((publicFun.toAbs(item.endPointX-item.startPointX)+1)*750/12)+'rpx;height:'+(publicFun.toAbs((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)*publicFun.toNum(itemData.aspectRatio))+'rpx;background:'+(item.backgroundImage?'':item.backgroudColor)+';'">
              <view class="lunbotu" v-if="item.propertieName&&commitJson&&commitJson[item.propertieName]&&commitJson[item.propertieName].type==11">
                <component-tag-banner v-if="banner['banner_'+item.propertieName]" :receiveData="banner['banner_'+item.propertieName]"></component-tag-banner>
              </view>
              <view v-if="item.propertieName&&commitJson[item.propertieName]&&(commitJson[item.propertieName].type!=7&&commitJson[item.propertieName].type!=11)&&(item.placeType==0||item.placeType==3)">
                  <view class="form_detail_center_item" :style="'display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==0?'row':'row-reverse')+';align-items:center;justify-content:'+(item.align)+';border-top-width:'+(item.borderTop)+'rpx;border-bottom-width:'+(item.borderBottom)+'rpx;border-left-width:'+(item.borderLeft)+'rpx;border-right-width:'+(item.borderRight)+'rpx;border-color:'+(item.borderColor)+';border-style:solid;padding:'+(item.paddingBottomTop)+'rpx '+(item.paddingNum)+'rpx ;margin:'+(item.marginBottomTop)+'rpx '+(item.marginNum)+'rpx;border-radius: '+(item.borderRadius)+'rpx;height:'+(item.marginBottomTop?(((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)*publicFun.toNum(itemData.aspectRatio))-2*item.marginBottomTop:((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)*publicFun.toNum(itemData.aspectRatio))+'rpx'">
                    <view class="titleStyle" v-if="item.propertiesType==0">
                      <image v-if="item.propertieIcon" mode="aspectFit" :style="'height:'+(publicFun.toNum(item.titleSize)+2)+'px;width:'+(publicFun.toNum(item.titleSize)+2)+'px;margin-right:12rpx;'" :src="item.propertieIcon"></image>
                      <text class="center_part_item_title" :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';font-weight:'+(item.titleWeight==1?'bold':'0')" v-if="commitJson[item.propertieName].type!=9&&item.propertiesType==0">{{item.propertieTitle}}</text>
                    </view>
                    <view class="center_part_item_title" :style="'height:'+((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)+'rpx;display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==0?'row':'row-reverse')+';align-items:flex-start;justify-content:'+(item.align)" v-if="item.propertiesType==1">
                      <image v-if="item.propertieIcon" mode="aspectFit" :style="'height:'+(publicFun.toNum(item.titleSize)+2)+'px;width:'+(publicFun.toNum(item.titleSize)+2)+'px;margin-right:12rpx;'" :src="item.propertieIcon"></image>
                      <text :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';padding-bottom:'+(item.borderBottom!=0?'8rpx':'')+';padding-top:'+(item.borderTop!=0?'8rpx':'')+';font-weight:'+(item.titleWeight==1?'bold':'0')">{{item.propertieTitle}}</text>
                    </view>
                    <view class="center_part_item_title" :style="'height:'+((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)+'rpx;display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==0?'row':'row-reverse')+';align-items:flex-start;justify-content:'+(item.align)" v-if="item.propertiesType==2">
                      <image v-if="item.backgroundImage" mode="aspectFit" :style="'height:'+((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)+'rpx;width:'+((publicFun.toAbs(item.endPointX-item.startPointX)+1)*750/12)+'rpx'" :src="item.backgroundImage"></image>
                    </view>
                    <text class="center_part_item_value" :style="'font-size:'+(item.fontSize)+'px;color:'+(item.fontColor)+';font-weight:'+(item.weight==1?'bold':'0')" v-if="commitJson[item.propertieName].type!=12">{{commitJson[item.propertieName].value}}</text>
                    <text class="center_part_item_value" :style="'font-size:'+(item.fontSize)+'px;color:'+(item.fontColor)+';font-weight:'+(item.weight==1?'bold':'0')" v-if="commitJson[item.propertieName].type==12">{{commitJson[item.propertieName].value.value}}</text>
                    <view class="to_navigation" :style="'background:'+(setting.platformSetting.defaultColor)" v-if="commitJson[item.propertieName].type==12" @click.stop.prevent="clickCatch" :data-item="publicFun.toStringFun(commitJson[item.propertieName].value)">
                      <text>去导航</text>
                    </view>
                  </view>
              </view>
              <view v-if="(!commitJson[item.propertieName])">
                  <view class="form_detail_center_item" :style="'display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==0?'row':'row-reverse')+';align-items:center;justify-content:'+(item.align)+';border-top-width:'+(item.borderTop)+'rpx;border-bottom-width:'+(item.borderBottom)+'rpx;border-left-width:'+(item.borderLeft)+'rpx;border-right-width:'+(item.borderRight)+'rpx;border-color:'+(item.borderColor)+';border-style:solid;padding:'+(item.paddingBottomTop)+'rpx '+(item.paddingNum)+'rpx ;margin:'+(item.marginBottomTop)+'rpx '+(item.marginNum)+'rpx;border-radius: '+(item.borderRadius)+'rpx;height:'+(item.marginBottomTop?(((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)*publicFun.toNum(itemData.aspectRatio))-2*item.marginBottomTop:((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)*publicFun.toNum(itemData.aspectRatio))+'rpx'">
                    <view class="titleStyle" v-if="item.propertiesType==0">
                      <image v-if="item.propertieIcon" mode="aspectFit" :style="'height:'+(publicFun.toNum(item.titleSize)+2)+'px;width:'+(publicFun.toNum(item.titleSize)+2)+'px;margin-right:12rpx;'" :src="item.propertieIcon"></image>
                      <text class="center_part_item_title" :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';font-weight:'+(item.titleWeight==1?'bold':'0')" v-if="item.propertieName&&commitJson[item.propertieName]&&commitJson[item.propertieName].type!=9&&item.propertiesType==0">{{item.propertieTitle}}</text>
                    </view>
                    <view class="center_part_item_title" :style="'height:'+((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)+'rpx;display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==0?'row':'row-reverse')+';align-items:flex-start;justify-content:'+(item.align)" v-if="item.propertiesType==1">
                      <image v-if="item.propertieIcon" mode="aspectFit" :style="'height:'+(publicFun.toNum(item.titleSize)+2)+'px;width:'+(publicFun.toNum(item.titleSize)+2)+'px;margin-right:12rpx;'" :src="item.propertieIcon"></image>
                      <text :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';padding-bottom:'+(item.borderBottom!=0?'8rpx':'')+';padding-top:'+(item.borderTop!=0?'8rpx':'')+';font-weight:'+(item.titleWeight==1?'bold':'0')">{{item.propertieTitle}}</text>
                    </view>
                    <view class="center_part_item_title" :style="'height:'+((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)+'rpx;display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==0?'row':'row-reverse')+';align-items:flex-start;justify-content:'+(item.align)" v-if="item.propertiesType==2">
                      <image v-if="item.backgroundImage" mode="aspectFit" :style="'height:'+((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12)+'rpx;width:'+((publicFun.toAbs(item.endPointX-item.startPointX)+1)*750/12)+'rpx'" :src="item.backgroundImage"></image>
                    </view>
                  </view>
              </view>
               <view v-if="item.propertieName&&commitJson[item.propertieName]&&(commitJson[item.propertieName].type!=7&&commitJson[item.propertieName].type!=11)&&(item.placeType==1||item.placeType==2)">
                   <view class="form_detail_center_item" :style="'display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==1?'column':'column-reverse')+';align-items:'+(item.align)+';justify-content:center;border-top-width:0rpx;border-bottom-width:0rpx;border-left-width:'+(item.borderLeft)+'rpx;border-right-width:'+(item.borderRight)+'rpx;border-color:'+(item.borderColor)+';border-style:solid;padding:'+(item.paddingBottomTop)+'rpx '+(item.paddingNum)+'rpx;margin:'+(item.marginBottomTop)+'rpx '+(item.marginNum)+'rpx;border-radius: '+(item.borderRadius)+'rpx;height:'+(item.marginBottomTop?(((publicFun.toAbs(item.endPointY-item.startPointY)+1)*750/12))-2*item.marginBottomTop:'')+'rpx'">
                     <view class="titleStyle" v-if="item.propertiesType==0">
                       <image v-if="item.propertieIcon" mode="aspectFit" :style="'height:'+(publicFun.toNum(item.titleSize)+2)+'px;width:'+(publicFun.toNum(item.titleSize)+2)+'px;margin-right:12rpx;'" :src="item.propertieIcon"></image>
                       <text class="center_part_item_title" :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';font-weight:'+(item.titleWeight==1?'bold':'0')" v-if="commitJson[item.propertieName].type!=9">{{item.propertieTitle}}</text>
                     </view>
                     <view class="center_part_item_title" :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)" v-if="item.propertiesType==1">
                       <image v-if="item.propertieIcon" mode="aspectFit" :style="'height:'+(publicFun.toNum(item.titleSize)+2)+'px;width:'+(publicFun.toNum(item.titleSize)+2)+'px;margin-right:12rpx;'" :src="item.propertieIcon"></image>
                       <text :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';padding-bottom:'+(item.borderBottom!=0?"8rpx":"")+';padding-top:'+(item.borderTop!=0?"8rpx":"")+';font-weight:'+(item.titleWeight==1?"bold":"0")">{{item.propertieTitle}}</text>
                     </view>
                     <view class="center_part_item_title" v-if="item.propertiesType==2">
                       <image mode="aspectFit" style="width:100%" :src="item.backgroundImage"></image>
                     </view>
                     <text class="center_part_item_value" :style="'font-size:'+(item.fontSize)+'px;color:'+(item.fontColor)+';font-weight:'+(item.weight==1?'bold':'0')" v-if="commitJson[item.propertieName].type!=12">{{commitJson[item.propertieName].value}}</text>
                     <text class="center_part_item_value" :style="'font-size:'+(item.fontSize)+'px;color:'+(item.fontColor)+';font-weight:'+(item.weight==1?'bold':'0')" v-if="commitJson[item.propertieName].type==12">{{commitJson[item.propertieName].value.value}}</text>
                     <view class="to_navigation" :style="'background:'+(setting.platformSetting.defaultColor)" v-if="commitJson[item.propertieName].type==12" @click.stop.prevent="clickCatch" :data-item="publicFun.toStringFun(commitJson[item.propertieName].value)">
                       <text>去导航</text>
                     </view>
                   </view>   
               </view>
              <view :style="'width:100%;height:100%;padding:'+(imagePadding)+'rpx;box-sizing:border-box'" v-if="commitJson&&item.propertieName&&commitJson[item.propertieName]&&commitJson[item.propertieName].type==7">
                <image mode="aspectFill" :src="commitJson[item.propertieName].value" :data-link="commitJson[item.propertieName].value" @click="tolinkUrl" :style="'border-radius: '+(item.borderRadius)+'px;width:100%;height:100%;padding:20rpx;box-sizing:border-box'" v-if="commitJson[item.propertieName].type==7&&commitJson[item.propertieName].value&&commitJson[item.propertieName].value!='支付后可见'"></image>
                <text :style="'font-size:'+(item.fontSize)+'px;color:'+(item.fontColor)+';font-weight:'+(item.weight==1?'bold':'0')" v-else>{{commitJson[item.propertieName].value}}</text>
              </view>
            </view>
            
            <view v-if="itemData.type==2">
              <view :style="'display:flex;margin:0;background:'+(itemData.data.backgroudColor)+';flex-direction:'+(itemData.data.placeType==1?'column':'column-reverse')+';align-items:'+(itemData.data.align)+';justify-content:center;border-top-width:0rpx;border-bottom-width:0rpx;border-left-width:'+(itemData.data.borderLeft)+'rpx;border-right-width:'+(itemData.data.borderRight)+'rpx;border-color:'+(itemData.data.borderColor)+';border-style:solid;padding:'+(itemData.data.paddingBottomTop)+'rpx '+(itemData.data.paddingNum)+'rpx;margin:'+(itemData.data.marginBottomTop)+'rpx '+(itemData.data.marginNum)+'rpx;border-radius: '+(itemData.data.borderRadius)+'rpx;font-size:'+(itemData.data.fontSize)+'px;color:'+(itemData.data.fontColor)+';font-weight:'+(itemData.data.weight==1?'bold':'0')">
                <view v-if="(!upLoadImageList['img_'+itemData.data.propertieName])">
                  <view class="wxParseHtmlContainer" v-if="itemData.data.propertiesType==0">
                    <text v-if="itemData.data.propertieName&&commitJson[itemData.data.propertieName]">{{commitJson[itemData.data.propertieName].value}}</text>
                  </view> 
                  <text v-else>{{itemData.data.propertieTitle}}</text>
                </view>
                <view class="img_block" v-else>
                  <image v-for="(item,index) in (upLoadImageList['img_'+itemData.data.propertieName])" class="img_item" :src="item" mode="widthFix"></image>
                </view>
              </view>
            </view>
          </view>
        </view>
        
        <component-customPage :receiveData="sendFormData" showFooter="no" v-if="sendFormData&&allFormData.commentAble==1"></component-customPage> 
        
        <view class="form_detail_bottom" v-if="allFormData.commentAble==1">
          <view class="form_detail_bottom_top">
            <view class="bottom_top_item">
              <image class="bottom_top_item_icon" src="https://image1.sansancloud.com/jianzhan/2019_3/12/14/47/49_487.jpg?x-oss-process=style/preview_120"></image>
              <text class="bottom_top_item_text">{{allFormData.viewCount}}</text>
            </view>
            <view class="bottom_top_item">
              <image class="bottom_top_item_icon" src="https://image1.sansancloud.com/jianzhan/2019_3/12/14/47/49_496.jpg?x-oss-process=style/preview_120"></image>
              <text class="bottom_top_item_text">{{allFormData.viewCount}}</text>
            </view>
          </view>
          <view class="comments_list">
            <view v-for="(conmmentItem,index) in (conmmentList)" :key="conmmentItem" class="comments_item" v-if="conmmentList.length!=0">
              <image class="user_img" :src="conmmentItem.commentUserIcon"></image>
              <view class="comments_item_right">
                <text class="user_name">{{conmmentItem.commentUserName}}</text>
                <text class="user_need">{{conmmentItem.comment}}</text>
                <view v-for="(reconmmentItem,index) in (conmmentItem.recomments)" :key="reconmmentItem" class="other_reply_item" v-if="conmmentItem.length!=0">
                  <text class="other_reply_name">{{reconmmentItem.commentUserName}}</text>
                  <text class="interval">:</text>
                  <text class="other_reply_text">{{reconmmentItem.comment}}</text>
                </view>
                <view class="more_reply" :data-link="'form_reply.html?id='+(conmmentItem.id)" @click="tolinkUrl" v-if="conmmentItem.recommentCount>3">
                  <text>查看更多回复...</text>
                </view>
                <view class="comments_item_bottom">
                  <text class="user_time">{{conmmentItem.commentTime}}</text>
                  <image class="comments_icon" :data-link="'form_reply.html?id='+(conmmentItem.id)" @click="tolinkUrl" src="https://image1.sansancloud.com/jianzhan/2019_3/13/17/6/38_907.jpg?x-oss-process=style/preview_120"></image>
                </view>
              </view>
            </view>
            <view class="no_item_reply" v-if="conmmentList.length==0">
              <text v-if="allFormData.commentAble==1">主人~该帖子还没有人回复哦！</text>
              <text v-else>主人~改帖子设置了不能回复哦！</text>
            </view>
          </view>
        </view>
      </view>
      
      <view class="havePayUserBlock" v-if="allFormData.attendList&&allFormData.attendList.result.length!=0">
        <view class="havePayUserTitle">
          <text>已报名({{allFormData.attendList.totalSize}})</text>
          <view class="havePayUserTitleRight" :data-link="'more_attend_list.html?formCommitId='+(allFormData.id)+'&type=more'" @click.stop.prevent="tolinkUrl">
            <text :style="'color:'+(color)">更多报名</text>
            <image class="more_user_icon" src="https://image1.sansancloud.com/xianhua/2019_5/14/17/27/34_899.jpg?x-oss-process=style/preview_120"></image>
          </view>
        </view>
        <view class="havePayUserList">
          <view class="myPayUserItem" v-if="allFormData.myAttendList&&allFormData.myAttendList.totalSize!=0" :data-link="'more_attend_list.html?formCommitId='+(allFormData.id)+'&type=my'" @click.stop.prevent="tolinkUrl">
            <image class="userIcon" :src="allFormData.myAttendList.result[0].attendPlatformUserIcon"></image>
            <text class="userName">{{allFormData.myAttendList.result[0].attendPlatformUserName}}</text>
            <text class="my_attend_count" :style="'background:'+(color)">{{allFormData.myAttendList.totalSize}}</text>
          </view>
          <view class="parting_line" v-if="allFormData.myAttendList&&allFormData.myAttendList.totalSize!=0"></view>
          <scroll-view scroll-x class="havePayUserScrollList" scroll-with-animation="true" :style="'width:'+(allFormData.myAttendList&&allFormData.myAttendList.totalSize!=0?'74%':'100%')">
          <view v-for="(item,index) in (allFormData.attendList.result)" class="havePayUserItem">
            <image class="userIcon" :src="item.attendPlatformUserIcon"></image>
            <text class="userName">{{item.attendPlatformUserName}}</text>
          </view>
          </scroll-view>
        </view>
      </view>
      
      <component-customPage :receiveData="sendFormData" showFooter="no" v-if="sendFormData&&allFormData.belongFormType==3"></component-customPage>
    </view>
</block>
<view class="comments_part" v-if="allFormData.belongFormType==2&&allFormData.commentAble==1&&showBtn=='true'">
  <input class="comments_input b" @confirm="sendComments" @input="saveData" :value="commentValue" cursor-spacing="130" placeholder="发表评论..." maxlength="76"></input>
  <image class="comments_img_icon" @click="sendComments" src="https://image1.sansancloud.com/jianzhan/2019_3/13/18/4/57_119.jpg?x-oss-process=style/preview_120" mode="aspectFitf"></image>
</view>

<view class="bottomBtn" v-if="allFormData.belongFormType!=0&&showBtn=='true'&&(customForm.commentAble!=0&&customForm.commentAble!=1)&&(customForm.readLimit==0||customForm.readLimit==1)">
   <view :class="'bottomBtnTel '+(customForm.commentAble==2?'w100per':'w48per')" v-if="customForm.commentAble==2||customForm.commentAble==23" :data-phonenumber="customForm.telno" @click.stop.prevent="calling" :style="' border: 2rpx solid '+(color)+';color:'+(color)">
     <text>拨打电话</text>
   </view>
   <view :class="'bottomBtnForm '+(customForm.commentAble==3?'w100per':'w48per')" @click.stop.prevent="popupFormPage" v-if="customForm.commentAble==3||customForm.commentAble==23" :style="' border: 2rpx solid '+(allFormData.canAttendStatus==1?color:'#999')+';color:'+(allFormData.canAttendStatus==1?color:'#999')">
   
     <text v-if="allFormData.canAttendStatus==1">{{customForm.replyButtonName}}</text>
     <text v-else-if="allFormData.canAttendStatus==0">不可报名参加</text>
     <text v-else-if="allFormData.canAttendStatus==2">报名名额已满</text>
     <text v-else-if="allFormData.canAttendStatus==3">已报名成功</text>
     <text v-else-if="allFormData.canAttendStatus==4">未开始报名</text>
     <text v-else-if="allFormData.canAttendStatus==5">已结束报名</text>
   </view>
</view>
<view class="bottomBtn" v-if="allFormData.belongFormType==2&&showBtn=='true'&&(customForm.commentAble!=0&&customForm.commentAble!=1)&&(customForm.readLimit==2||customForm.readLimit==3)">
   <view :class="'bottomBtnTel '+(customForm.commentAble==2?'w48per':'w32per')" v-if="customForm.commentAble==2||customForm.commentAble==23" :data-phonenumber="customForm.telno" @click.stop.prevent="calling" :style="' border: 2rpx solid '+(color)+';color:'+(color)">
     <text>拨打电话</text>
   </view>
   <view :class="'bottomBtnForm '+(customForm.commentAble==3?'w48per':'w32per')" @click.stop.prevent="popupFormPage" :style="' border: 2rpx solid '+(allFormData.canAttendStatus==1?color:'#999')+';color:'+(allFormData.canAttendStatus==1?color:'#999')" v-if="customForm.commentAble==3||customForm.commentAble==23">
   
     <text v-if="allFormData.canAttendStatus==1">{{customForm.replyButtonName}}</text>
     <text v-else-if="allFormData.canAttendStatus==0">不可报名参加</text>
     <text v-else-if="allFormData.canAttendStatus==2">报名名额已满</text>
     <text v-else-if="allFormData.canAttendStatus==3">已报名成功,无需再报名</text>
     <text v-else-if="allFormData.canAttendStatus==4">未开始报名</text>
     <text v-else-if="allFormData.canAttendStatus==5">已结束报名</text>
   </view>
   <view :class="'bottomBtnPay '+(customForm.commentAble==23?'w32per':'w48per')" :data-commitId="allFormData.id" @click.stop.prevent="payToCheckForm" :style="' background-image:linear-gradient(to right,'+(secondColor)+','+(color)+');box-shadow:0px 0px 6px 0px '+(color)+';'">
     <text>付费查看</text>
   </view>
</view>
<view class="bottomBtn" v-if="allFormData.belongFormType==2&&showBtn=='true'&&customForm.commentAble==0&&(customForm.readLimit==2||customForm.readLimit==3)">
   <view class="bottomBtnPay w100per" :data-commitId="allFormData.id" @click.stop.prevent="payToCheckForm" :style="' background-image:linear-gradient(to right,'+(secondColor)+','+(color)+');box-shadow:0px 0px 6px 0px '+(color)+';'">
     <text>付费查看</text>
   </view>
</view>

<view class="popupFormDetail" :animation="animationData" v-if="sendOptionData&&showAddressForm">
  <view class="form_title" v-if="nextStepState">
    <image @click.stop.prevent="nextStepFun" class="return_select_measure_icon" src="https://image1.sansancloud.com/xianhua/2019_7/31/15/25/40_519.jpg?x-oss-process=style/preview_120" v-if="measurePriceList.length!=0"></image>
    <text v-else></text>
    <text>请填写以下信息</text>
    <image class="close_popup_icon" src="https://image1.sansancloud.com/xianhua/2019_7/31/15/25/40_755.jpg?x-oss-process=style/preview_120" @click.stop.prevent="closeZhezhao"></image>
  </view>
  <scroll-view scroll-y style="max-height:700rpx">
    <view class="measure_price_list" v-if="measurePriceList.length!=0&&!nextStepState">
      <view class="measure_price_list_title">
        <text>选择规格</text>
      </view>
      <view v-for="(measurePriceItem,index) in (measurePriceList)" class="measure_price_item" :style="'border:1rpx solid '+(selectMeasureIndex==index?setting.platformSetting.defaultColor:'#eee')" @click.stop.prevent="selectMeasureItem" :data-index="index">
        <text class="attend_measure_name">{{measurePriceItem.attendMeasureName}}</text>
        <view class="attend_measure_count" :style="'background:'+(setting.platformSetting.defaultColor)" v-if="allFormData.mulBuyObject==1">
          <text style="margin-right:10rpx;">x</text><text>{{measurePriceItem.buyCount}}</text>
        </view>
        <view class="attend_price" :style="'color:'+(setting.platformSetting.defaultColor)">
          <text v-if="allFormData.attendPrice!=0">￥{{measurePriceItem.attendPrice}}</text>
          <text v-else>免费</text>
        </view>
        <text class="cell_tag_bg" v-if="selectMeasureIndex==index" :style="'border-top: 30px solid '+(setting.platformSetting.defaultColor)"></text>
        <text class="cell_tag_text" v-if="selectMeasureIndex==index">✓</text>
      </view>
      <view class="measure_price_list_title" v-if="allFormData.mulBuyObject==1">
        <text>选择数量</text>
      </view>
      <view class="select_measure_count" v-if="allFormData.mulBuyObject==1">
        <view class="select_measure_count_item" @click.stop.prevent="subBuyCount" style="font-size:40rpx;"><text>-</text></view>
        <view class="select_measure_count_item"><text>{{buyCount}}</text></view>
        <view class="select_measure_count_item" @click.stop.prevent="addBuyCount" style="font-size:40rpx;"><text>+</text></view>
      </view>
    </view>
    <view v-if="sendOptionData&&showAddressForm&&nextStepState">
       <component-form-detail id="submitForm" :receiveData="sendOptionData" showTitle="true" showBtn="false" :userAddressCustomFormCommitId="userInfoFormCommitId" @sendDataFun="getDataFun"></component-form-detail>
    </view>
    </scroll-view>
</view>
<view v-if="showType&&nextStepState" class="form_detail_submit_btn" :style="'background:'+(setting.platformSetting.defaultColor)" @click.stop.prevent="submitData">
  <text>提交资料</text>
</view>

<view v-if="showType&&!nextStepState" class="nextSubmitBtn">
  <view class="submit_btn_left">合计
    <text class="total_price" v-if="allFormData.attendPrice!=0" :style="'color:'+(setting.platformSetting.defaultColor)">￥{{totalPrice}}</text>
    <text class="total_price" v-else :style="'color:'+(setting.platformSetting.defaultColor)">￥0</text>
  </view>
  <text class="submit_btn_right" @click.stop.prevent="nextStepFun" :style="'background:'+(setting.platformSetting.defaultColor)">下一步</text>
</view>
</block></uni-shadow-root>
</template>
<wxs src="../../public/publicFun.wxs" module="publicFun"></wxs>
<script>
import ComponentTagBanner from '../banner/banner.vue'
import ComponentFormDetail from '../form_detail/index.vue'
import FormPosters from '../canvas_check_form_detail/index.vue'
import ComponentCustomPage from '../custom_page/index.vue'
import RichTextComponent from '../richText/richText.vue'
global['__wxVueOptions'] = {components:{'component-tag-banner': ComponentTagBanner,'component-form-detail': ComponentFormDetail,'form-posters': FormPosters,'component-customPage': ComponentCustomPage,'rich-text-component': RichTextComponent}}

global['__wxRoute'] = 'partials/check_form_detail/index'
var WxParse = require('../../wxParse/wxParse.js');
const app = getApp();
Component({
  properties: {
    // 这里定义了innerText属性，属性值可以在组件使用时指定
    formCommitId:{
      type: String,
    },
    showBtn: {
      type: String,
    },
    showTitle: {
      type: String,
    },
    paddingState: {
      type: String,
    }
  },
  data: {
    formData:null,
    upLoadImageList:{},
    commentValue:"",
    conmmentList:[],
    recommentId:0,
    markers:[],
    loading:true,
    recommentReturn:false,
    address:null,
    formDetailStyle:null,
    commitJson:null,
    pageData:{
      totalPage: 1,
      totalSize: 1,
      pageSize: 1,
      curPage: 1,
    },
    richTextList:{},
    animationData: {}, //抽屉
    showType: false,
    showTypeTwo: false,
    userInfoFormCommitId:'',
    posterState:false,
    measurePriceList:'',
    selectMeasureIndex: 0,
    selectMeasureData: '',
    buyCount: 0,
    totalPrice: 0,
    nextStepState:false,
    processLineData:{},
  },
  // 返回
  ready: function () {
    let that=this;
    console.log("======formCommitId=====", that.data.formCommitId)
    console.log("======showBtn=====", that.data.showBtn)
    that.setData({
      setting: app.globalData.setting,
      loginUser: app.globalData.loginUser,
      color: app.globalData.setting.platformSetting.defaultColor,
      secondColor: app.globalData.setting.platformSetting.secondColor,
      width: app.globalData.sysWidth
    });
    that.getDetail(that.data.formCommitId)
  },
  methods: {
    sureDeleteFormItemFun:function(){
      let that=this;
      console.log("====sureDeleteFormItemFun====",)
      wx.showModal({
        title: '提示',
        content: '您确定要删除该表单嘛！',
        success: function (res) {
          if (res.confirm) {
            console.log('用户点击确定')
            that.deleteFormItemFun()
          } else if (res.cancel) {
            console.log('用户点击取消')
            
          }
        }
      })
    },
    deleteFormItemFun:function(){
      let that = this;
      let params = { formCommitId: that.data.formCommitId }
      let customIndex = app.globalData.AddClientUrl("/wx_delete_custom_form_commit.html", params)
      wx.request({
        url: customIndex.url,
        data: customIndex.params,
        header: app.globalData.header,
        success: function (res) {
          console.log('====sssssss===', res)
          wx.showToast({
            title: '删除成功!',
            icon: 'success',    //如果要纯文本，不要icon，将值设为'none'
            duration: 1000
          })
          setTimeout(function () { wx.navigateBack() }, 1000);
        },
        fail: function (res) {//获取数据失败就会进入这个方法
          wx.hideLoading()
        }
      })
    },
    nextStepFun: function () {
      console.log("========nextStepFun=====")
      let that = this;
      let countState=false
      let measurePriceList = that.data.measurePriceList;
      for (let i = 0; i < measurePriceList.length; i++) {
        if (measurePriceList[i].buyCount!=0){
          countState=true;
        }
      }
      if (!countState){
        wx.showToast({
          title: '您购买的数量不能为0!',
          icon: 'none',    //如果要纯文本，不要icon，将值设为'none'
          duration: 2000
        })  
      }else{
        let nextStepState = that.data.nextStepState
        that.setData({ nextStepState: !nextStepState })
      }
    },
    subBuyCount:function(){
      console.log("========subBuyCount=====")
      let that=this;
      let totalPrice = 0
      let buyCount = that.data.buyCount;
      let selectMeasureData = that.data.selectMeasureData;
      let measurePriceList = that.data.measurePriceList;
      let selectMeasureIndex = that.data.selectMeasureIndex
      if (buyCount==0){
        wx.showToast({
          title: '数量不能小于0!',
          icon: 'none',    //如果要纯文本，不要icon，将值设为'none'
          duration: 2000
        })  
      }else{
        buyCount--
      }
      measurePriceList[selectMeasureIndex].buyCount = buyCount
      // let totalPrice = (buyCount * selectMeasureData.attendPrice)
      for (let i = 0; i < measurePriceList.length;i++){
        totalPrice +=(measurePriceList[i].buyCount * measurePriceList[i].attendPrice)
      }
      that.setData({ buyCount: buyCount, totalPrice: totalPrice, measurePriceList: measurePriceList})
    },
    addBuyCount:function(){
      console.log("========addBuyCount=====")
      let that = this;
      let totalPrice =0
      let selectMeasureData = that.data.selectMeasureData;
      let measurePriceList = that.data.measurePriceList;
      let selectMeasureIndex = that.data.selectMeasureIndex
      let buyCount = that.data.buyCount;
      if (!selectMeasureData.attendStock||(selectMeasureData.attendStock > buyCount)){
        buyCount++
      }else{
        wx.showToast({
          title: '库存不足~',
          image: '/wxcomponents/images/icons/tip.png',  //image的优先级会高于icon
          duration: 2000
        })
      }
      measurePriceList[selectMeasureIndex].buyCount = buyCount
      // let totalPrice = (buyCount * selectMeasureData.attendPrice)
      for (let i = 0; i < measurePriceList.length; i++) {
        console.log("====measurePriceList=========", measurePriceList[i])
        console.log("===totalPrice-for====",totalPrice)
        totalPrice +=(measurePriceList[i].buyCount * Number(measurePriceList[i].attendPrice))
      }
      console.log("====totalPrice====", totalPrice)
      that.setData({ buyCount: buyCount, totalPrice: totalPrice, measurePriceList: measurePriceList })
    },
    selectMeasureItem:function(e){
      console.log("==selectMeasureItem==",e)
      let that=this;
      let totalPrice;
      let index = e.currentTarget.dataset.index;
      let measurePriceList = that.data.measurePriceList;
      if (that.data.allFormData.mulBuyObject==0){
        for (let i = 0; i < measurePriceList.length;i++){
          if (i == index){
            measurePriceList[i].buyCount=1
          }else{
            measurePriceList[i].buyCount = 0
          }
        }
      }
      let buyCount = measurePriceList[index].buyCount
      let selectMeasureData = measurePriceList[index];
      if (that.data.allFormData.mulBuyObject == 0){
        let totalPrice = (buyCount * selectMeasureData.attendPrice);
        that.setData({totalPrice: totalPrice})
      }
      that.setData({ selectMeasureData: selectMeasureData, selectMeasureIndex: index, buyCount: buyCount})
    },
    
    popupFormPage: function () {
      console.log("=======popupFormPage==========")
      if (this.data.allFormData.canAttendStatus==1){
        this.setData({ showAddressForm: true, sendOptionData: { customFormId: this.data.customForm.replyFormId }, showType: !this.data.showType  })
        let showType2 = this.data.showType
        let animation = wx.createAnimation({
          duration: 400,
          timingFunction: 'ease',
        })
        console.log("=======popupFormPage==========", animation, this.data.showType)
        if (showType2) {
          animation.bottom('100rpx').step()
        } else {
          animation.bottom('-100rpx').step()
        }
        this.setData({
          animationData: animation.export()
        })
      } else if (this.data.allFormData.canAttendStatus == 0){
        wx.showModal({
          title: '提示',
          content: '不可报名参加',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
              app.globalData.navigateBack(1000)
            } else if (res.cancel) {
              console.log('用户点击取消')
              app.globalData.navigateBack(1000)
            }
          }
        })
      } else if (this.data.allFormData.canAttendStatus == 2) {
        wx.showModal({
          title: '提示',
          content: '报名名额已满',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
              app.globalData.navigateBack(1000)
            } else if (res.cancel) {
              console.log('用户点击取消')
              app.globalData.navigateBack(1000)
            }
          }
        })
      } else if (this.data.allFormData.canAttendStatus == 3) {
        wx.showModal({
          title: '提示',
          content: '已报名成功,无需再报名!',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
              app.globalData.navigateBack(1000)
            } else if (res.cancel) {
              console.log('用户点击取消')
              app.globalData.navigateBack(1000)
            }
          }
        })
      } else if (this.data.allFormData.canAttendStatus == 4) {
        wx.showModal({
          title: '提示',
          content: '未开始报名',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
              app.globalData.navigateBack(1000)
            } else if (res.cancel) {
              console.log('用户点击取消')
              app.globalData.navigateBack(1000)
            }
          }
        })
      } else if (this.data.allFormData.canAttendStatus == 5) {
        wx.showModal({
          title: '提示',
          content: '已结束报名',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
              app.globalData.navigateBack(1000)
            } else if (res.cancel) {
              console.log('用户点击取消')
              app.globalData.navigateBack(1000)
            }
          }
        })
      }
    },
    closeZhezhao: function () {
      let nextStepState=false;
      console.log("======closeZhezhao=========", this.data.measurePriceList)
      if (!this.data.measurePriceList){
        nextStepState = true
      }
      this.setData({ showType: false, showTypeTwo: false, showAddressForm: false, nextStepState: nextStepState })
      let animation = wx.createAnimation({
        duration: 400,
        timingFunction: 'ease',
      })
      animation.bottom('-100rpx').step()
      let setData = animation.export()
      this.setData({
        animationData: setData,
        animationDataTwo: setData
      })
    },
    submitData: function (e) {
      let that = this;
      let selectMeasureData = that.data.selectMeasureData;
      let measurePriceList = that.data.measurePriceList
      let resultData =''
      if (selectMeasureData){
        // resultData={ attendMeasureName: selectMeasureData.attendMeasureName, buyCount: that.data.buyCount }
        resultData = JSON.parse(JSON.stringify(measurePriceList))
        for (let i = 0; i < resultData.length;i++){
          if (resultData[i].buyCount==0){
            resultData.splice(i,1)
            i--
          }
        }
      }
      console.log("===getDataFun===", e, e.detail.formId)
      that.selectComponent("#submitForm").formSubmit(that.data.formCommitId, resultData);
    },
    getDataFun: function (e) {
      let that = this;
      console.log("===getDataFun===", e, e.detail.formId)
      if (e.detail.result) {
        // that.toPayApplyCost(e.detail.result)
        let link = 'edit_order.html?orderNo='+ e.detail.result.orderNo
        that.toOrderDetail(link)
      }else{
        wx.showToast({
          title: '报名成功',
          icon: 'success',
          duration: 2000
        })
        that.getDetail(that.data.formCommitId)
        that.closeZhezhao()
      }
    },
    toPayApplyCost: function (result){
      var that = this
      let loginUser = app.globalData.loginUser
      console.log(loginUser)
      let wxChatPayParam = {
        openid: '',
        orderNo: '',
        app: 3
      }
      wxChatPayParam.openid = loginUser.platformUser.miniOpenId
      wxChatPayParam.orderNo = result.orderNo
      console.log(wxChatPayParam)
      let customIndex = app.globalData.AddClientUrl("/unifined_order.html", wxChatPayParam, 'post')
      wx.request({
        url: customIndex.url,
        data: customIndex.params,
        header: app.globalData.headerPost,
        method: 'POST',
        success: function (res) {
          console.log(res.data)
          let PayStr = res.data
          PayStr = '{' + PayStr + '}'
          let wechatPayStr = JSON.parse(PayStr)
          console.log(wechatPayStr)
          wx.requestPayment({
            'timeStamp': wechatPayStr.timeStamp,
            'nonceStr': wechatPayStr.nonceStr,
            'package': wechatPayStr.package,
            'signType': wechatPayStr.signType,
            'paySign': wechatPayStr.paySign,
            'success': function (res) {
              console.log('------成功--------')
              console.log(res)
              wx.showToast({
                title: '报名成功',
                icon: 'success',
                duration: 2000
              })
              that.getDetail(that.data.formCommitId)
              that.closeZhezhao()
            },
            'fail': function (res) {
              console.log('------fail--------')
              console.log(res)
              wx.showToast({
                title: '支付失败',
                image: '/wxcomponents/images/icons/tip.png',
                duration: 2000
              })
              app.globalData.navigateBack(2000)
            },
            'complete': function () {
              console.log('------complete--------')
              console.log(res)
            }
          })
        }
      })
    },
    //物流单号 一键复制的事件
    copyText: function (e) {
      console.log("====copyText====",e)
      let value = e.currentTarget.dataset.value
      let that = this;
      wx.setClipboardData({
        data: value,
        success: function (res) {
          wx.getClipboardData({
            success: function (res) {
              wx.showToast({
                title: '复制成功',
                icon: 'success',
                duration: 2000
              })
            }
          })
        }
      })
    },
    toOrderDetail: function (event) {
      console.log(event)
      let linkUrl = event.currentTarget ? event.currentTarget.dataset.link : event
      if (!linkUrl){
        return
      }
      app.globalData.linkEvent(linkUrl);
    },
    saveImageToLocal: function (e) {
      let imgSrc = e.currentTarget.dataset.imageurl
      console.log(imgSrc)
      let PostImageSrc = imgSrc.replace(/http/, "https")
      // let PostImageSrc = imgSrc
      console.log(PostImageSrc)
      if (!imgSrc) {
        return
      }
      let urls = []
      urls.push(imgSrc)
      wx.previewImage({
        current: imgSrc, // 当前显示图片的http链接
        urls: urls // 需要预览的图片http链接列表
      })
    },
    back:function(){
      wx.navigateBack()
    },
    // 定位
    // clickCatch: function (e) {
    //   let latitude = 26.074790;
    //   let longitude = 119.272080;
    //   let name = "福州至诚学院";
    //   let address = "福州至诚学院";
    //   wx.openLocation({
    //     latitude: latitude,
    //     longitude: longitude,
    //     scale: 12,
    //     name: name,
    //     address: address
    //   })
    // },
    calling: function (e) {
      console.log('====e===', e)
      let phoneNumber = e.currentTarget.dataset.phonenumber
      wx.makePhoneCall({
        phoneNumber: phoneNumber, //此号码并非真实电话号码，仅用于测试
        success: function () {
          console.log("拨打电话成功！")
        },
        fail: function () {
          console.log("拨打电话失败！")
        }
      })
    },
    tolinkUrl: function (e) {
      let that=this;
      that.data.recommentReturn=true;
      let linkUrl = e.currentTarget ? e.currentTarget.dataset.link : e
      app.globalData.linkEvent(linkUrl)
    },
    saveData:function(data){
      let that=this
      console.log("===saveData==",data)
      that.data.commentValue = data.detail.value;
    },
    sendComments: function (e) {
      console.log("===sendComments==", e)
      var that = this
      let value = e.detail && e.detail.value ? e.detail.value : that.data.commentValue
      if (!value){
        wx.showModal({
          title: '提示',
          content: '发布消息不能为空',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          }
        })
        return
      }
      that.commentInput(value)
      that.setData({ commentValue: '' })
    },
    //添加评论
    commentInput: function (commentValue) {
      console.log("===sendComments==", commentValue)
      var that = this
      let data = {
        customFormInstanceId: that.data.allFormData.id,
        comment: commentValue || that.data.commentValue,
      }
      console.log('文本输入框: input_value :', data);
      let customIndex = app.globalData.AddClientUrl("/add_bbs_comments.html", data, 'post')
      wx.request({
        url: customIndex.url,
        data: customIndex.params,
        header: app.globalData.headerPost,
        method: 'POST',
        success: function (res) {
          console.log('==res===', res)
          if (res.data.errcode==0){
            that.getCommentData(that.data.allFormData.id, 1)
            wx.showToast({
              title: "评论成功",
              icon: 'success',
              duration: 2000
            })
          }else{
            wx.showToast({
              title: "评论失败",
              icon: "none",
              duration: 2000
            })
          }
        },

      })

    },
    //获取评论数据
    getCommentData: function (customFormInstanceId, page) {
      let that = this;
      let data = {
        customFormInstanceId: customFormInstanceId,
        page: page
      }
      let customIndex = app.globalData.AddClientUrl("/get_news_bbs_comments.html", data)
      wx.request({
        url: customIndex.url,
        data: customIndex.params,
        header: app.globalData.header,
        success: function (res) {
          console.log('====sssssss===', res)
          if (page == 1) {
            that.setData({ conmmentList: res.data.relateObj.result })
          } else {
            console.log("====more page====");
            that.setData({ conmmentList: that.data.conmmentList.concat(res.data.relateObj.result) })
          }
          that.data.pageData.totalSize = res.data.relateObj.totalSize;
          that.data.pageData.curPage = page;
          that.data.pageData.pageSize = res.data.relateObj.pageSize;
        },
        fail: function (res) {//获取数据失败就会进入这个方法
          wx.hideLoading()
        }
      })
    },
    payToCheckForm:function(e){
      console.log("========payToCheckForm=========",e)
      let that = this
      // wx.showLoading({
      //   title: 'loading'
      // })
      app.globalData.showToastLoading('loading', true)
      let formCommitId = e.currentTarget.dataset.commitid
      let wxChatPayParam = {
        formCommitId: formCommitId,
        payType: 3
      }
      console.log(wxChatPayParam)
      let customIndex = app.globalData.AddClientUrl("/create_form_commit_limit_order.html", wxChatPayParam, 'post')
      wx.request({
        url: customIndex.url,
        data: customIndex.params,
        header: app.globalData.headerPost,
        method: 'POST',
        success: function (res) {
          console.log(res.data)
          let data = res.data.relateObj
          //这里拿到订单数据
          //下面应该吊起支付
          let orderNo = data.orderNo
          if (!data || !data.payType) {
            console.log('--------失败-------')
          }
          if (data.payType == 3) {
            that.payByWechat(orderNo)
          }
        },
        fail: function () {

        },
        complete: function () {
        }

      })
    },
    payByWechat: function (orderNo) {
      var that = this
      let loginUser = app.globalData.loginUser
      console.log(loginUser)
      let wxChatPayParam = {
        openid: '',
        orderNo: '',
        app: 3
      }
      wxChatPayParam.openid = loginUser.platformUser.miniOpenId
      wxChatPayParam.orderNo = orderNo
      console.log(wxChatPayParam)
      let customIndex = app.globalData.AddClientUrl("/unifined_order.html", wxChatPayParam, 'post')
      wx.request({
        url: customIndex.url,
        data: customIndex.params,
        header: app.globalData.headerPost,
        method: 'POST',
        success: function (res) {
          console.log(res.data)
          let PayStr = res.data
          PayStr = '{' + PayStr + '}'
          let wechatPayStr = JSON.parse(PayStr)
          console.log(wechatPayStr)
          wx.requestPayment({
            'timeStamp': wechatPayStr.timeStamp,
            'nonceStr': wechatPayStr.nonceStr,
            'package': wechatPayStr.package,
            'signType': wechatPayStr.signType,
            'paySign': wechatPayStr.paySign,
            'success': function (res) {
              wx.hideLoading()
              console.log('------成功--------')
              console.log(res)
              wx.showToast({
                title: '支付成功',
                icon: 'success',
                duration: 2000
              })
              that.getDetail(that.data.formCommitId)
            },
            'fail': function (res) {
              console.log('------fail--------')
              console.log(res)
              wx.showToast({
                title: '支付失败',
                image: '/wxcomponents/images/icons/tip.png',
                duration: 2000
              })
            },
            'complete': function () {
              console.log('------complete--------')
              console.log(res)
              // app.globalData.navigateBack(2000)
            }
          })
        }
      })
    },
    // 定位
    clickCatch: function (e) {
      console.log("===定位====",e)
      let itemData = JSON.parse(e.currentTarget.dataset.item)
      let latitude = itemData.latitude;
      let longitude = itemData.longitude;
      let name = itemData.value;
      let address = itemData.value
      wx.openLocation({
        latitude: latitude,
        longitude: longitude,
        scale: 12,
        name: name,
        address: address
      })
    },
    getDetail: function (formCommitId){
      let that=this;
      wx.showToast({
        title: '加载中...',
        icon: 'loading',
      })
      let formDetailData = app.globalData.AddClientUrl("/wx_get_custom_form_commit.html", { formCommitId: formCommitId }, 'get')
      wx.request({
        url: formDetailData.url,
        data: formDetailData.params,
        header: app.globalData.headerPost,
        method: 'get',
        success: function (res) {
          console.log("====success====",res)
          if (res.data.errcode == 0) {
            let sendFormData = JSON.stringify({ title: 'noTitle', url: "form_" + res.data.relateObj.belongFormId })
            that.setData({ sendFormData: sendFormData })
            let data = res.data.relateObj
            wx.hideLoading()
            let measurePriceList='';
            if (data.measurePriceList && data.measurePriceList!='[]'){
              measurePriceList = JSON.parse(data.measurePriceList)
              for (let i = 0; i < measurePriceList.length;i++){
                measurePriceList[i].buyCount=0
              }
              let buyCount = that.data.buyCount;
              let selectMeasureData = measurePriceList[that.data.selectMeasureIndex]
              if (data.mulBuyObject == 0) {
                selectMeasureData.buyCount = 1
                buyCount=1
              }
              let totalPrice = (buyCount * selectMeasureData.attendPrice);
              that.setData({ selectMeasureData: selectMeasureData, totalPrice: totalPrice})
            }else{
              that.setData({ nextStepState:true})
            }
            console.log("=====measurePriceList====", measurePriceList)
            that.setData({ allFormData: data, loading: false, measurePriceList: measurePriceList})
            let customForm = that.data.allFormData.customForm;
            that.getCommentData(that.data.allFormData.id, 1)
            let commitJson = JSON.parse(that.data.allFormData.commitJson);
            console.log("====commitJson=====", commitJson)
            customForm.commitArr = [];
            let banner = {};
            if (data.customForm && data.customForm.decorateDetailStyle){
              let formDetailStyle = JSON.parse(data.customForm.decorateDetailStyle);
              console.log("formDetailStyle", formDetailStyle)
              let resultPointerData = formDetailStyle.resultPointerData
              if (formDetailStyle.length!=0){
                let formDetailStyleArray=formDetailStyle
                for (let i = 0; i < formDetailStyleArray.length;i++){
                  console.log("=======name======", formDetailStyleArray[i].data.propertieName,)
                  if (formDetailStyleArray[i].type == 1) {
                    let detailViewMagic = formDetailStyleArray[i].data.detailViewMagic;
                    console.log("===detailViewMagic===", detailViewMagic)
                    for (let j = 0; j < detailViewMagic.length;j++){
                      if (commitJson[detailViewMagic[j].propertieName]&&commitJson[detailViewMagic[j].propertieName].type == 11 && !banner['banner_' + detailViewMagic[j].propertieName]) {
                        banner['banner_' + detailViewMagic[j].propertieName] = { androidTemplate: '', jsonData: { height: Math.abs((Number(detailViewMagic[j].endPointY) - Number(detailViewMagic[j].startPointY) + 1) * 750 / 12), images: commitJson[detailViewMagic[j].propertieName].value } }
                        that.setData({
                          banner: banner
                        })
                      }
                    }
                  }
                }
              }
              that.setData({ formDetailStyle: formDetailStyle })
            }
            console.log("===formDetailStyle====", that.data.formDetailStyle, banner)
            for (let key in commitJson) {
              if(data.belongFormName=='二叉七格树'&&key=='tree'){
                  try{
                    commitJson[key].value=JSON.parse(commitJson[key].value)
                  }catch(e){
                     commitJson[key].value=commitJson[key].value
                  }
              }
              commitJson[key].name = key
              if (commitJson[key].type == 14) {
                customForm.telno = commitJson[key].value
              } 
              console.log("====1commitJson======", commitJson)
              customForm.commitArr.push(commitJson[key])
            }
            console.log("===commitJson==", commitJson)
            that.setData({ commitJson: commitJson })
            let richTextList = that.data.richTextList
            if (customForm.items.length > 0) {
              let upLoadImageList = {};
              for (let i = 0; i < customForm.items.length; i++) {
                let name = customForm.items[i].name
                console.log("===img_======", customForm.items[i].type, customForm.items[i].type == 7 || customForm.items[i].type == 11)
                if (customForm.items[i].type == 7 || customForm.items[i].type == 11) {
                  upLoadImageList['img_' + customForm.items[i].name] = [];
                  if (typeof (commitJson[name]) == "object") {
                    console.log("imgobject", commitJson[name].value)
                    if (typeof (commitJson[name].value) == "object") {
                      upLoadImageList['img_' + customForm.items[i].name] = commitJson[name].value
                    } else {
                      if (commitJson[name].value) {
                        upLoadImageList['img_' + customForm.items[i].name].push(commitJson[name].value)
                      }
                    }
                  } else {
                    console.log("imgstring", commitJson[name])
                    if (commitJson[name]) {
                      upLoadImageList['img_' + customForm.items[i].name].push(commitJson[name])
                    }
                  }
                  console.log("===upLoadImageList====", upLoadImageList)
                } else if (customForm.items[i].type == 9) {
                  if (typeof (commitJson[name]) == "object") {
                    WxParse.wxParse(name, 'html', commitJson[name].value, that, 10);
                    richTextList[name]=that.data[name]
                    console.log("=====9======", richTextList)
                    customForm.items[i].defaultValue = commitJson[name].value
                  } else {
                    customForm.items[i].defaultValue = commitJson[name]
                    WxParse.wxParse(name, 'html', commitJson[name].value, that, 10);
                    richTextList[name] = that.data[name]
                    console.log("=====9======", richTextList)
                  }
                } else if (customForm.items[i].type == 12) {
                  if (typeof (commitJson[name]) == "object") {
                    customForm.items[i].defaultValue = commitJson[name].value.value
                  }
                } else if (customForm.items[i].type == 9999) {
                  // if (customForm.items[i].splitStyle){
                  //   customForm.items[i].splitStyle = JSON.parse(customForm.items[i].splitStyle);
                  // }
                } else if (customForm.items[i].type == 15 && commitJson[name]) {
                  if (commitJson[name].value && JSON.stringify(commitJson[name].value)!="[]") {
                    console.log("进程有值", commitJson[name].value, customForm.items[i].defaultValue)
                    try {
                      commitJson[name].value = JSON.parse(commitJson[name].value)
                      customForm.items[i].defaultValue = JSON.parse(customForm.items[i].defaultValue)
                    } catch (e) {
                      commitJson[name].value = commitJson[name].value
                      customForm.items[i].defaultValue = customForm.items[i].defaultValue
                      console.log(e);
                    }
                  } else {
                    console.log("进程没值")
                  }
                }else {
                  if (typeof (commitJson[name]) == "object") {
                    customForm.items[i].defaultValue = commitJson[name].value
                  } else {
                    customForm.items[i].defaultValue = commitJson[name]
                  }
                }
              }
              that.setData({ upLoadImageList: upLoadImageList, customForm: customForm, richTextList: richTextList })
              console.log("===customForm====", that.data.customForm)
              console.log("===upLoadImageList====", that.data.upLoadImageList)
            }
            if(that.data.showTitle!='false'){
              wx.setNavigationBarTitle({
                title: that.data.customForm.formName
              })
            }
          }else{
            wx.showToast({
              title: '加载失败...',
              icon: 'none',
              duration: 2000,
            })
            setTimeout(function () {
              wx.navigateBack(
                { delta: 1, }
              )}, 2000);
            
          }
          return res.data.relateObj;
        }
      })
  },
  componentShow: function () {
    let that = this;
    if (that.data.recommentReturn) {
      that.getCommentData(that.data.allFormData.id, 1)
    }
  },
  componentReachBottom: function () {
    let that = this;
    console.log('dddddddddddddd', that.data.pageData.totalSize)
    if (that.data.pageData.totalSize) {
      if (that.data.pageData.totalSize > that.data.pageData.curPage * that.data.pageData.pageSize) {
        that.getCommentData(that.data.allFormData.id, ++that.data.pageData.curPage);
      } else {
        console.log("没有更多数据了");
      }
    } else {

    }
  },
  componentPullDownRefresh: function () {
    let that = this;
    that.getCommentData(that.data.allFormData.id, 1);
    that.getDetail(that.data.formCommitId)
  },
  }
})
export default global['__wxComponents']['partials/check_form_detail/index']
</script>
<style platform="mp-weixin">
.check_form_content{
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f5f5f5
}
.formBanner{
  width: 100%;
  padding: 20rpx;
  box-sizing:border-box;
  background:#fff;
}
.bannerUrl{
  width: 100%;
  height: 100%
}
.formHead{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 28rpx;
  padding: 20rpx;
  width: 100%;
  box-sizing: border-box;
}
.formName{
  padding:0 0 20rpx 0;
  font-size: 34rpx;
  font-weight: bold;
  letter-spacing: 2rpx;
  color:#444444;
}
.formDescription{
  letter-spacing: 2rpx;
  line-height:32rpx;
  font-size:22rpx;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  color: #888;
  width: 100%
}
.tip{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 20rpx;
}
.tipIcon{
  width: 32rpx;
  height: 32rpx;
  margin-right: 6rpx
}
.tipText{
  width: 100%;
}
.formContent{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width:100%;
  padding: 20rpx;
  box-sizing: border-box;
}
.common{
  background: #fff;
  border-radius: 6rpx;
  min-height: 80rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 18rpx;
  margin: 2rpx 0;
  justify-content: space-between;
  font-size:28rpx;
  position: relative;
  z-index: 1

}
.inputName{
  font-size: 28rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.inputString input{
  text-align: right;
  width: 60%
}
.inputString textarea {
  text-align:left;
  padding: 10rpx;
  width:96%;
  border:1rpx solid #eee;
  margin-top:10rpx;
  height: 200rpx;
  position: relative;
  z-index: 1;
}

/* .picker{
  width:60%;
  height:100%;
  line-height:76rpx;
} */
.pickerRight{
  height:80rpx;
  display:flex;
  align-items:center;
  width:40rpx;
  float:right;
}
.pickerValue{
  width:90%;
  height:80rpx;
  float: left;
  display: flex;
  flex-direction: row;
  justify-content: flex-end
  
}
.pickerImg{
  width: 50rpx;
  float: right;
  height:50rpx;
}
.imgType{
  flex-direction: column;
  align-items: flex-start;
  background: #fff; 
  height:100%;
  font-size:28rpx;
}
.imgName{
  margin-top: 15rpx
}
.upload{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-flow: wrap;
  margin-top:15rpx;
}
.uploadImg{
  width: 150rpx;
  height: 150rpx;
  border:2rpx solid #888;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  margin-bottom: 15rpx
}
.uploadImgIcon{
  width: 50rpx;
  height: 50rpx
}
.uploadedImgUrl{
  width: 150rpx;
  height: 150rpx;
  margin-right: 20rpx;
  border-radius: 10rpx
}
.uploadedImg{
  margin-bottom: 15rpx;
  position: relative;
}
.removeImgBg{
  width:150rpx;
  height: 40rpx;
  background: #888;
  opacity: 0.5;
  position: absolute;
}
.removeImgIcon{
  position: absolute;
  right: 26rpx;
  top:6rpx;
  border-radius: 30rpx;
  width: 30rpx;
  height: 30rpx;
  background: #888;
  font-size: 20rpx;
  text-align:center;
  color: #fff
}
.saveData{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}
.picker{
  width: 400rpx;
  height: 80rpx;
  line-height:76rpx;
  text-align:right;
  float:left;

}
.saveBtn{
  width: 100%
}
/* 信息发布样式 */
.content2{
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%;
}
.form_detail_top{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx 30rpx;
  width: 100%;
  box-sizing: border-box;
}
.form_detail_top_left{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.delete_form_item{
  font-size:22rpx;
  color:#999;
  padding:20rpx 20rpx 20rpx 30rpx;
}
.user_head_img{
  width: 100rpx;
  height: 100rpx;
  margin-right: 20rpx;
  border-radius: 100rpx;
}
.user_base_info{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80rpx;
}
.user_base_name{
  font-size: 26rpx;
  color: #888;
}
.release_time{
  font-size: 22rpx;
  color: #ccc;
}
.telno_icon{
  width: 50rpx;
  height: 50rpx;
}
/* center */
.form_detail_center{
  display: flex;
  flex-direction: column;
  padding: 15rpx 0;
  margin: 0 30rpx;
  border-top: 1rpx solid #ddd;
  color: #888;
  position: relative;
  font-size: 26rpx;
}
.form_detail_center_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10rpx;
  position: relative;
  box-sizing:border-box;
}
.interval{
  margin: 0 10rpx 0 4rpx;
}
.read_number{
  position: absolute;
  top: 15rpx;
  right: 0;
  padding: 4rpx 8rpx;
  color: #ccc;
  font-size: 18rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1rpx solid #ccc;
  border-radius:10rpx;
}
.form_detail_center_arr{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form_detail_center_arr_img{
  width: 100%;
  height:500rpx;
  margin-bottom:10rpx;
}
.map_location{
  width: 100%;
  height: 220rpx;
  position: relative;
}
.mapItem{
  position: relative;
  z-index: 1;
}
.map_bg{
  width: 100%;
  height: 220rpx;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.play{
  height: 60rpx;
  background: #fff;
  padding: 2rpx 20rpx;
  color: #888;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 10rpx;
  font-size: 26rpx;
  
}
.to_addr_icon{
  margin-left: 20rpx;
  width: 30rpx;
  height: 30rpx;
}
.sanjiao{
    width: 30rpx;
    height: 30rpx;
}
.form_detail_bottom{
  display: flex;
  flex-direction: column;
  border-top: 10rpx solid #ddd;
  margin-top:20rpx;
  margin-bottom: 100rpx;
}
.form_detail_bottom_top{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 30rpx;
  border-bottom: 1rpx solid #ddd;
}
.bottom_top_item{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.bottom_top_item_icon{
  width: 40rpx; 
  height: 40rpx;
  margin-right: 20rpx;
}
.bottom_top_item_text{
  font-size: 24rpx;
  color: #888;
}
.comments_list{
  display: flex;
  flex-direction: column;
  padding: 0 30rpx 30rpx 30rpx;
}
.comments_item{
  border-bottom: 1rpx solid #ddd;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 24rpx;
  padding:10px;
}
.user_img{
  width: 80rpx;
  height: 80rpx;
  margin-right: 20rpx;
  border-radius: 80rpx;
}
.comments_item_right{
  display: flex;
  flex-direction: column;
  width:86%;
}
.user_name{
  color: #888;
  margin-bottom: 6rpx;
}
.user_need{
  color: #666;
  margin-bottom: 6rpx
}
.other_reply_item{
  display: flex;
  flex-direction: row;
  margin-bottom: 6rpx;
  background: #f1f1f1;
  border-radius: 6rpx;
  padding: 4rpx 8rpx 4rpx 0;
}
.other_reply_name{
  color: #1f98ec;
}
.other_reply_text{
  color: #666;
}
.more_reply{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  color: #1f98ec;
  padding:10rpx 0;
}
.comments_item_bottom{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #ccc;
}
.comments_icon{
  width: 40rpx;
  height: 40rpx;
}
.comments_part{
  position: fixed;
  bottom: 0;
  height: 100rpx;
  width: 100%;
  background: #f1f1f1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 20rpx;
  box-sizing: border-box;
}
.comments_input{
  width:610rpx;
  height:60rpx;
  border-radius:10rpx;
  background: #fff;
  padding: 6rpx 10rpx;
  font-size: 26rpx;
}
.comments_img_icon{
  width: 60rpx;
  height: 60rpx;
}
.no_item_reply{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f7f7;
  color: #999;
  font-size: 26rpx;
  padding: 20rpx;
}
.to_navigation{
  padding:4rpx 10rpx;
  border-radius:10rpx;
  color:#fff;
  font-size:22rpx;
  margin-left:20rpx;
  display:flex;
  align-items:center;
}
.interval{
  display: flex;
  align-items: center;
  padding-left:5px;
}
.interval_banner{
  width: 100%;
  /* height: 10rpx; */
  display: block;
}
.select_address {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.copyText{
  position: absolute;
  bottom: 30rpx;
  right: 34rpx;
  padding: 4rpx 10rpx;
  border: 1rpx solid #ccc;
  border-radius: 10rpx;
  background: #fff;
  color: #999;
  font-size:24rpx;
  z-index: 2;
}
.bottomBtn{
  position: fixed;
  bottom: 0;
  height: 100rpx;
  width: 100%;
  /* background: #f1f1f1; */
  border-top: 2rpx solid #ddd ;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 20rpx;
  box-sizing: border-box;
  background:#fff;
}
.bottomBtnTel{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  border-radius:50rpx;
  padding:16rpx 30rpx;
  box-sizing: border-box;
}
.bottomBtnForm{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  border-radius:50rpx;
  padding:16rpx 30rpx;
  box-sizing: border-box;
}
.bottomBtnPay{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  border-radius:50rpx;
  padding:16rpx 30rpx;
  box-sizing: border-box;
  color: #fff
}
.w32per{
  width:32%
}
.w48per{
  width:48%
}
.w100per{
  width:100%
}
.havePayUserBlock{
  display:flex;
  flex-direction:column;
  padding:20rpx;
  background:#fff;
  margin:20rpx 0;
  border-top:16rpx solid #f8f8f8f8;
}
.havePayUserTitle{
  font-size: 28rpx;
  margin-bottom: 40rpx;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.more_user_icon{
  width: 40rpx;
  height: 40rpx;
  margin-left: 10rpx;
}
.havePayUserTitleRight{
  display: flex;
  flex-direction: row;
  align-items: center
}
.havePayUserList{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.havePayUserItem{
  display: inline-block;
  margin-right: 40rpx;
  height:160rpx;
}
.myPayUserItem{
  display: inline-block;
  position: relative;
  margin-right: 40rpx;
  height:160rpx;
}
.my_attend_count{
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding:5rpx 10rpx;
  border-radius:32rpx;
  font-size:24rpx;
  border: 6rpx solid #fff;
  bottom:40rpx;
  right:-10rpx;

}
.havePayUserItem:last-child{
  margin-right:0;
}
.userIcon{
  width:100%;
  height:100rpx;
  border-radius: 80rpx;
  display: block;
  margin-bottom:20rpx;
}
.userName{
  display: inline-block;
  font-size: 20rpx;
  width: 100rpx;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  height:30rpx;
  line-height:30rpx;
}
.titleStyle{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tags_item{
  border: 2rpx solid #eee;
  padding: 2rpx 12rpx;
  font-size: 22rpx;
  color: #888;
  margin-right: 10rpx;
  border-radius: 10rpx;
  white-space:nowrap;
  box-sizing: content-box;
  display:inline-block;
}
.tags_content{
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-x:hidden;
  width:100%;
  height:40rpx;
  white-space: nowrap
}
.center_part_item_title{
  white-space:nowrap;
}
.center_part_item_value{
  text-align: justify;
  text-justify: newspaper;
  word-break: break-all;
}
.popupFormDetail{
  /* height: 0; */
  max-height: 850rpx;
  /* opacity:0; */
  width: 100%;
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: -100rpx;
  z-index:11;
  background:#fff;
  padding:20rpx;
  box-sizing:border-box;
}
.form_detail_submit_btn{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  bottom:0;
  width: 100%;
  color: #fff;
  padding: 20rpx;
  z-index: 10;
  box-sizing:border-box;
  background: #fff;
  height: 100rpx;
  font-size: 30rpx;
}
.nextSubmitBtn{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  bottom:0;
  width: 100%;
  z-index: 10;
  box-sizing:border-box;
  background: #fff;
  height: 100rpx;
  font-size: 30rpx;
  border-top:1rpx solid #f1f1f1;
}
.submit_btn_left{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20rpx 40rpx;
  background: #fff;
  width: 50%;
  height: 100%;
  box-sizing:border-box;
}
.submit_btn_right{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 50%;
  color: #fff;
  height: 100%
}
.total_price{
  margin-left: 10rpx;
  font-size: 32rpx;
}
.zhezhao{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
  z-index: 9;
}
.havePayUserScrollList{
  width: 74%; 
  box-sizing: border-box;
  overflow: hidden;
  font-size: 24rpx; 
  white-space: nowrap;
  height:160rpx;
}
.parting_line{
  background:#ccc;
  width:1rpx;
  height:140rpx;
  margin-right:40rpx;
}
.img_block{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.img_item{
  width: 100%;
  
}
/* 多规格 */
.measure_price_list{
  display: flex;
  flex-direction: column;
  padding:20rpx;
  /* background:#f8f8f8; */
}
.measure_price_list_title{
  padding: 10rpx 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 28rpx;
  font-weight: bold;
  border-bottom: 1rpx solid #f1f1f1;
  margin-bottom:20rpx;
}
.measure_price_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 26rpx;
  border-radius: 10rpx;
  margin:10rpx 0;
  padding:20rpx;
  background:#fff;
  position: relative;
  color: #666;
}
.attend_measure_name{
  width: 80%
}
.attend_measure_count{
  width: 20%;
  text-align:center;
  border-radius:20rpx;
  color:#fff;

}
.attend_price{
  width: 20%;
  text-align:end;
}
.cell_tag_bg{
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  color: #fff;
}
.cell_tag_text{
  position: absolute;
  right: -10rpx;
  top: -2rpx;
  color: #fff;
  /* transform:rotate(-42deg); */
  font-size: 20rpx;
  width:30rpx;
  height:30rpx;
}
.select_measure_count{
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
}
.select_measure_count_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1rpx solid #ddd;
  color: #666;
  margin-right: 6rpx;
  font-size: 30rpx;
  width: 56rpx;
  height: 56rpx;
}
.form_title{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom:1rpx solid #eee;
  font-size:30rpx;
  padding:20rpx 0;
}
.return_select_measure_icon{
  width: 40rpx;
  height: 40rpx;
}
.close_popup_icon{
  width: 40rpx;
  height: 40rpx;
}
/* 进程 */
.process_line{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background:none;
  padding: 20rpx 0
}
.process_list{
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  margin-bottom:20rpx;
  border-radius:10rpx;
}
.process_item{
  position: relative;
  display: flex;
  flex-direction: column;
  background:#fff;
}
.process_item:last-child .process_item_content{
  border: none !important 
}
.process_item_top{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.process_dot{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 14rpx;
  height: 14rpx;
  border-radius: 14rpx;
}
.process_item_title{
  display: flex;
  align-items: center;
  color: #ccc;
  font-size: 24rpx;
  margin-left: 20rpx;
  width:80%;
}
.process_item_content{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 30rpx 20rpx;
  margin-left: 6rpx;
}
.process_item_content_text{
  color: #666;
  font-size: 26rpx
}
.common{
  background: #fff;
  border-radius: 6rpx;
  min-height: 80rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size:28rpx;
}
/* 二叉树 */
.tree_block{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding:80rpx 20rpx;
    box-sizing: border-box;
}
.tree_item{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.tree_item_name{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tree_item_text{
    border-radius: 16rpx;
    background: #888;
    color: #fff;
    padding: 10rpx 20rpx;
    box-sizing: border-box;
    font-size: 26rpx;
    height: 80rpx;
    min-width: 140rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 60rpx;
    text-align: center;
}
.vertical_line{
    height: 70rpx;
    width: 1px;
    background: #888;
}
.cross_line{
    height: 1px;
    background: #888;
}
.tree_item_children{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* border-top: 1rpx solid #999; */
}
.tree_item_children_info{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.tree_item_children_left{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tree_item_children_right{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
</style>